<script lang="ts" setup>
import CisPdf from '@/packages/library/CisPdf'

const showContent = ref(true);
const cisPdf = ref();
const openWindow = () => {
  cisPdf.value.windowOpenPDF();
}
</script>
<template>
  <div class="justify-center flex justify-center mt-20px">
    <div class="w-800px h-600px">
      <CisPdf
          ref="cisPdf"
          url="/files/group1/M00/00/00/wKgBTGP9sGqAeJYeAAbbNk6VxCM526.pdf"
          :show-content="showContent"
      ></CisPdf>
      <div class="mt-20px">
        <span>是否显示内容</span>
        <el-switch v-model="showContent"></el-switch>
        <el-button type="primary" @click="openWindow" class="ml-10px">新窗口打开PDF文件</el-button>
      </div>
    </div>
  </div>

</template>
